<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	
<head>
	
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<title>Your own page title</title>

<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/blue.css" />

</head>

<body>

<div id="outline">
	
<div id="wrapper">
	
<!-- START HEADER -->

<div id="header">

<div id="headerBox">Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</div>

<h1>Header</h1>

</div><!-- END HEADER -->

<!-- START NAVIGATION TOP -->

<div id="navTop">
<ul>
<li><a href="index.html">Layout 1</a></li>
<li><a href="layout-2.html">Layout 2</a></li>
<li><a href="layout-3.html">Layout 3</a></li>
<li><a href="layout-4.html">Layout 4</a></li>
<li><a href="site-elements.html">Site Elements</a></li>
<li><a href="#">Colors</a>

<ul>
<li><a href="colors.html">Colors</a></li>
<li><a href="layout-green.html">Layout Green</a></li>
<li><a href="layout-red.html">Layout Red</a></li>
<li><a href="layout-yellow.html">Layout Yellow</a></li>
<li><a href="layout-brown.html">Layout Brown</a></li>
<li><a href="layout-grey.html">Layout Grey</a></li>
</ul>

</li>
</ul>

</div><!-- END NAVIGATION TOP -->

<!-- START MAIN COLUMN -->

<div id="mainColumn-layout4">

<h2>Colors</h2>

<div class="colors">

<p>Color combinations to change the look of your web site.</p> 

<h4>1. Blue (Default)</h4>

<ul>
<li style="background-color: #576675; color: #fff;">#576675<br />Base color</li>
<li style="background-color: #161a1d; color: #fff;">#161a1d</li>
<li style="background-color: #2c333a; color: #fff">#2c333a</li>
<li style="background-color: #414d58; color: #fff">#414d58</li>
<li style="background-color: #576675; color: #fff">#576675</li>
<li style="background-color: #6d8092; color: #fff">#6d8092</li>
<li style="background-color: #8a99a8; color: #fff">#8a99a8</li>
<li style="background-color: #a7b3be; color: #000">#a7b3be</li>
<li style="background-color: #c5ccd3; color: #000">#c5ccd3</li>
<li style="background-color: #e2e6e9; color: #000">#e2e6e9</li>
</ul>

</div>

<p><a href="site-elements.html">Layout Example</a></p>

<h4>2. Green</h4>

<div class="colors">

<ul>
<li style="background-color: #3E8735; color: #fff;">#3E8735<br />Base color</li>
<li style="background-color: #11250e; color: #fff;">#11250e</li>
<li style="background-color: #22491d; color: #fff">#264040</li>
<li style="background-color: #326e2b; color: #fff">#326e2b</li>
<li style="background-color: #43923a; color: #fff">#43923a</li>
<li style="background-color: #54b748; color: #fff">#54b748</li>
<li style="background-color: #76c56d; color: #fff">#76c56d</li>
<li style="background-color: #98d491; color: #000">#98d491</li>
<li style="background-color: #bbe2b6; color: #000">#bbe2b6</li>
<li style="background-color: #ddf1da; color: #000">#ddf1da</li>
</ul>

</div>

<p><a href="layout-green.html">Layout Example</a></p>

<h4>3. Red</h4>

<div class="colors">

<ul>
<li style="background-color: #9A0A14; color: #fff;">#9A0A14<br />Base color</li>
<li style="background-color: #300306; color: #fff;">#300306</li>
<li style="background-color: #60060d; color: #fff">#60060d</li>
<li style="background-color: #900913; color: #fff">#900913</li>
<li style="background-color: #c00c19; color: #fff">#c00c19</li>
<li style="background-color: #ef1020; color: #fff">#ef1020</li>
<li style="background-color: #f33f4c; color: #fff">#f33f4c</li>
<li style="background-color: #f66f79; color: #000">#f66f79</li>
<li style="background-color: #f99fa6; color: #000">#f99fa6</li>
<li style="background-color: #fccfd2; color: #000">#fccfd2</li>
</ul>

</div>

<p><a href="layout-red.html">Layout Example</a></p>

<h4>4. Yellow</h4>

<div class="colors">

<ul>
<li style="background-color: #F3D912; color: 000;">#F3D912<br />Base color</li>
<li style="background-color: #312b02; color: #fff;">#312b02</li>
<li style="background-color: #615605; color: #fff">#615605</li>
<li style="background-color: #928107; color: #fff">#928107</li>
<li style="background-color: #c2ac0a; color: #fff">#c2ac0a</li>
<li style="background-color: #f3d80c; color: #fff">#f3d80c</li>
<li style="background-color: #f5df3d; color: #fff">#f5df3d</li>
<li style="background-color: #f8e76d; color: #000">#f8e76d</li>
<li style="background-color: #faef9e; color: #000">#faef9e</li>
<li style="background-color: #fdf7ce; color: #000">#fdf7ce</li>
</ul>

</div>

<p><a href="layout-yellow.html">Layout Example</a></p>

<h4>5. Brown</h4>

<div class="colors">

<ul>
<li style="background-color: #E87522; color: #fff;">#E87522<br />Base color</li>
<li style="background-color: #2e1605; color: #fff;">#2e1605</li>
<li style="background-color: #5c2c0a; color: #fff">#5c2c0a</li>
<li style="background-color: #8b430e; color: #fff">#8b430e</li>
<li style="background-color: #b95913; color: #fff">#b95913</li>
<li style="background-color: #e76f18; color: #fff">#e76f18</li>
<li style="background-color: #ec8c46; color: #fff">#ec8c46</li>
<li style="background-color: #f1a974; color: #000">#f1a974</li>
<li style="background-color: #f5c5a3; color: #000">#f5c5a3</li>
<li style="background-color: #fae2d1; color: #000">#fae2d1</li>
</ul>

</div>

<p><a href="layout-brown.html">Layout Example</a></p>

<h4>6. Grey</h4>

<div class="colors">

<ul>
<li style="background-color: #d3d3d3; color: #000;">#d3d3d3<br />Base color</li>
<li style="background-color: #1a1a1a; color: #fff;">#1a1a1a</li>
<li style="background-color: #333333; color: #fff">#333333</li>
<li style="background-color: #4d4d4d; color: #fff">#4d4d4d</li>
<li style="background-color: #666666; color: #fff">#666666</li>
<li style="background-color: #808080; color: #fff">#808080</li>
<li style="background-color: #999999; color: #fff">#999999</li>
<li style="background-color: #b3b3b3; color: #000">#b3b3b3</li>
<li style="background-color: #cccccc; color: #000">#cccccc</li>
<li style="background-color: #e6e6e6; color: #000">#e6e6e6</li>
</ul>

</div>

<p><a href="layout-grey.html">Layout Example</a></p>

</div><!-- END MAIN COLUMN -->

<!-- START FOOTER -->

<div id="footer">
Copyright 20xx <a href="#sitename">Your Sitename</a> | Original Design by <a href="http://www.wfiedler-online.de">wfiedler</a>
</div><!-- END FOOTER -->

</div></div>

</body>
</html>
